
    // 1、随机出现星星
//   随机公式：Math.floor(Math.random() * (max-min+1)+min) 
//  星星随机宽度：min=20,max=100
//  网页随机范围： 0 ~（网页宽度 - 星星宽度）
function star(){
    // 1 设置间隔定时器
    setInterval(function() {
        // 创建星星
        var imgObj = document.createElement("img")
        imgObj.src = "./star.gif"
        // 随机星星宽度
        var min = 20
        var max = 100
        imgObj.width = Math.floor( Math.random() * (max-min+1)+min )
        // 定位星星显示随机范围 
        imgObj.style.position = "absolute"
        var min = 0
        var max = (window.innserWidth || document.documentElement.clientWidth) - imgObj.width
        imgObj.style.left =  Math.floor( Math.random() * (max-min+1)+min ) + "px"
        var max = (window.innerHeight || document.documentElement.clientHeight) - imgObj.width
        imgObj.style.top =  Math.floor( Math.random() * (max-min+1)+min ) + "px"
        // 追加星星到页面
        document.body.appendChild(imgObj)
    }, 1000)

    //2、删除星星

    //获取body，给body绑定点击事件（因为星星是动态的，就需要用事件委托，给父元素绑定点击事件）
    var bodyObj = document.body
    bodyObj.onclick = function (evt){
// 获取事件对象
    var e = evt ||window.event
     //获取当前操作的标签
    var target= e.target || e.srcElement

    //判断是不是img标签，是就从body里面删除
     if (target.nodeName == "IMG"){
        bodyObj.removeChild(target)
     }

    }
}

// 血条计时
var num=parseInt(document.querySelector('span').style.width)
setInterval(function(){
    num=num-1
    document.querySelector('span').style.width=num
    if(num==0){
        alert('游戏结束')
    }
},100) 

star ()
   